{{ template "header.html" . }}

<div class="content">
  <h2 class="content-title">
      {{ if eq (extra "lang") "en" }}
      Welcome!
      {{ else }}
      Добро пожаловать!
      {{ end }}
  </h2>
  <div class="content-text">
      {{ if eq (extra "lang") "en" }}
      Please, select a login method:
      {{ else }}
      Пожалуйста, выберите метод авторизации:
      {{ end }}
  </div>
  <div class="grid">
    {{ range $c := .Connectors }}
      <a href="{{ $c.URL }}" target="_self"
        class="btn-login">
        <span class="btn-login-icon">
          <img src="{{ url $.ReqPath "static/img" }}/{{ $c.Type}}-icon.svg" />
        </span>
        <span class="btn-login-title">{{ $c.Name }}</span>
        <span class="btn-login-arrow">
          <svg width="5" height="11" viewBox="0 0 5 11" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M0.208869 9.42072C0.0735855 9.58721 -0.000262306 9.79519 -0.000262297 10.0097C-0.000262287 10.2242 0.0735855 10.4322 0.208869 10.5987C0.26927 10.6747 0.346054 10.7361 0.433494 10.7783C0.520935 10.8205 0.616776 10.8425 0.713869 10.8425C0.810963 10.8425 0.906803 10.8205 0.994244 10.7783C1.08168 10.7361 1.15847 10.6747 1.21887 10.5987L4.79087 6.43272C4.92615 6.26623 5 6.05824 5 5.84372C5 5.62919 4.92615 5.42121 4.79087 5.25472L1.21887 1.08772C1.15847 1.0117 1.08168 0.950297 0.994243 0.908091C0.906803 0.865885 0.810962 0.843965 0.713869 0.843965C0.616775 0.843965 0.520934 0.865885 0.433494 0.908091C0.346053 0.950297 0.26927 1.0117 0.208869 1.08772C0.0735851 1.25421 -0.00026267 1.46219 -0.000262661 1.67672C-0.000262652 1.89124 0.0735851 2.09923 0.208869 2.26572L3.27587 5.84372L0.208869 9.42072Z" fill="#0064FF"/>
          </svg>
        </span>
      </a>
    {{ end }}
  </div>
</div>

{{ template "footer.html" . }}
